@charset "utf-8";
 .hunter{
     .hunter_1{
         position: relative;
         padding-bottom: 30px;
           i{
            display: block;
            width: 40px;
            height: 100px;
            font-size: 20px;
            font-style: normal;
            text-align: center;
            color: #fff;
            background-color: #e14738;
            padding: 20px 5px;
            position: absolute;
            top: 0;
            left: 15px;
            z-index: 1;
            &::after{
                content: "";
                width: 0;
                height: 0;
                border-left: 20px solid transparent;
                border-right: 20px solid transparent;
                border-bottom: 15px solid #f7f7f7;
                position: absolute;
                left: 0;
                bottom: 0;
            }
         }
     .litle_1{
         img{
             width: 100%;
             padding-top: 20px;
         }
       
     }
     .litle_2{
         font-size: 12px;
        p{
            font-size: 30px;
        }
        span{
            color: #c2c2c2;
            text-indent: 2em;
        }
        .beauty{
            text-align: right;
            
        }
     }
     .litle_3{
         img{
             width: 100%;
             
         }
     }
     .litle_4{
         padding-top: 20px;
     }
     }
 }
 .case{
     .case_1{
         font-size: 36px;
         padding-bottom: 20px;
     }
     .case_2{
         padding-bottom: 40px;
         text-align: center;
     figure{
              
         a{
             border-radius: 5px;
             position: relative;
             display: block;
             overflow: hidden;
            img{
                width: 100%;
            }
             p{
                 border-radius: 5px;
                 padding: 10px;
                 text-indent: 2em;
             height: 100%;
             width: 100%;
                 position: absolute;
                 top: -100%;
                 left: 0;
                 color: #FFFFFF;
                 background: rgba(0,0,0,0.5);
                 z-index: 1;
                 transition: 0.5s;
             }
             &:hover p{
                 top: 0;
             }
         }
     }
     }
   }


/*************媒体查询********************/

@media screen and (max-width: 991px){
    .case .case_2 p{
        display: none;
    }
  
}
